<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Customizing TreePanel</title> 
<link rel="stylesheet" type="text/css" href="../../lib/ext/resources/css/ext-all.css" /> 
 
 	<link rel="stylesheet" type="text/css" href="../../lib/ext/resources/css/xtheme-gray.css" /><!-- LIBS --> 
 	<script type="text/javascript" src="../../lib/ext/adapter/ext/ext-base.js"></script> 
 	<!-- ENDLIBS --> 
 
    <script type="text/javascript" src="../../lib/ext/ext-all-debug.js"></script> 
	
    <!--<link rel="stylesheet" type="text/css" href="xml-tree-loader.css" /> 
    <script type="text/javascript" src="XmlTreeLoader.js"></script> 
    <script type="text/javascript" src="xml-tree-loader.js"></script> -->
	 
    <script type="text/javascript" src="ColumnNodeUI.js"></script> 
    <script type="text/javascript" src="column-tree.js"></script> 
 
    <!-- Common Styles for the examples --> 
    <link rel="stylesheet" type="text/css" href="../../shared/examples.css" /> 
 
    <link rel="stylesheet" type="text/css" href="column-tree.css" /> 
</head> 
<body> 
<!--<script type="text/javascript" src="../../shared/examples.js"></script><link rel="stylesheet" type="text/css" href="../lib.css" /><div id="lib-bar" class="x-layout-panel-hd"><div id="lib-bar-inner"> <span>Theme:</span>&#160;&#160;<select id="exttheme"><option value="default">Ext Blue</option><option value="gray">Gray Theme</option><option value="aero">Aero Glass Theme</option><option value="vista">Vista Dark Theme</option></select> | <span>Library:</span>&#160;&#160;<select id="extlib"><option value="ext">Ext Stand-alone</option><option value="yahoo">Yahoo! UI Utilities</option><option value="jquery">jQuery</option><option value="prototype">Prototype+Scriptaculous</option></select></div></div>--> 
<h1>Customizing TreePanel</h1> 
<p>This example demonstrates how you can customize a TreePanel to display basic columns.</p> 
   <div id="tree"></div> 
</body> 
</html>